import React from 'react'
import { Outlet,NavLink } from 'react-router-dom'
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';



export default function Home() {
  return (
    <div>Home
        <Outlet/>

        <div className='demo-tabbar'>
    <Tabbar>
      <Tabbar.Item icon={<HomeO />}>
        <NavLink to='/home/index'>阅读</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<Search />}>
        <NavLink to='/home/books'>书架</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<FriendsO />}>
        <NavLink to='/home/lookes'>发现</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<SettingO />}>
        <NavLink to='/home/my'>我</NavLink>
      </Tabbar.Item>
    </Tabbar>
    </div>
    </div>
  )
}
